<template>
	<div id="login">
		<router-link to="personal">
			<div class="lg_1">
				<i class="fa fa-angle-left" aria-hidden="true"></i>
			</div>
		</router-link>
		<div class="lg_2">
			<img src="../../assets/images/logov2.svg"/>
		</div>
		<div class="lg_3">
			<input type="tel" placeholder="输入手机号"/>
			<input type="password" placeholder="输入密码"/>
			<router-link to="yemao">
				<button>登录/注册</button>
			</router-link>
		</div>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	#login{
		width:100%;
		height:100%;
		position: absolute;
		background:linear-gradient(#fd2c63,#fe5c36);
	}
	.login-form input {
	    background: 0 0;
	    border: 0;
	    border-bottom: 1px solid #fff;
	    display: block;
	    padding: 5px 0;
	    width: 100%;
    }
    .lg_1{
    	color:#fff;
    	font-size:0.832432rem;
    	padding-left:0.4054rem;
    }
    .lg_2 img{
    	width:1.54054rem;
    	margin:3rem auto;
    }
    .lg_3{
    	width:80%;
    	display:flex;
    	flex-direction:column;
    	margin:0 auto;
    }
    .lg_3 input{
    	background:0;
    	border:0;
    	border-bottom:0.024054rem solid #fff;
    	padding-bottom:0.135135rem;
    	font-size:0.4054rem;
    	margin-top:0.54054rem;
    	color:#fff;
    }
    /*::-webkit-input-placeholder {
　　color:#fff;
　　}*/
	input::-webkit-input-placeholder{
		color:#fff;
	}
	.lg_3 button{
		width:100%;
		height:1.081081rem;
		color:#b64d6b;
		font-size:0.39054rem;
		background:#fff;
		margin-top:0.54054rem;
	}
</style>